<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <title>留言板管理</title>
</head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#loginForm').submit(function(event) {
            event.preventDefault(); // 阻止表单的默认提交行为

            // 收集表单数据
            var formData = $(this).serialize();
            // 发送 AJAX 请求
            $.ajax({
                url: '/user/login', // 请求的 URL
                type: 'POST', // 请求类型
                data: formData, // 发送的数据
                dataType: 'json', // 预期的服务器响应的数据类型
                success: function(response) {
                    if (response.code==200){
                        window.location.href = 'index.html';
                    }else {
                        alert("账号或密码错误！");
                    }
                },
            });
        });
    });
</script>
<body>
<div class="BackgroundSize BackgroundImage login">
    <div class="BackgroundImagelogin float">
        <form action="/user/login" method="post" id="loginForm">
            <ul>
                <li style="text-align: center">
                    用户登入
                </li>
                <li>
                    用户名: <input type="text" name="username">
                </li>
                <li>
                    密码： &nbsp<input type="password" name="password">
                </li>
                <button>登入</button>
                <button><a href="register.html">注册</a></button>
            </ul>
        </form>
    </div>
</div>

</body>
</html>